@import '../../styles/tab';

.s-tab {
  position: relative;
  display: flex;
  justify-content: space-between;
  &__item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 $padding-mini;
    color: $color-white;
    font-size: $tab-text-font-size;
    height: $tab-text-height;
    line-height: $tab-text-height;
    overflow: hidden;
    background-color:$page-background-color;
    &--active {
      font-weight: $font-weight-primary;
      background-color:$content-background-color;
    }
    &__text {
      @include no-wrap();
    }
  }
}
